<template>
	<!-- 把提交按钮也一起放在这里了 -->
	<div style="margin-bottom: .5rem">
		<div v-for="(p,i) in process">
			<p class="order-tip">过程记录{{process.length - i}}（{{p.time.split(' ')[0]}}）</p>
			<div class="order-line margin border">
				{{p.txt}}
				<playAudio v-if="p.audio"
				:src="p.audio"></playAudio>
			</div>
			<div class="order-line img-container"
			v-show="p.img.length">
				<span class="img-wrapper" v-for="img in p.img"
				@click="$emit('clickImg', img)">
					<img :src="img">
				</span>
			</div>
		</div>
	</div>
</template>
<script>
	import playAudio from './PlayAudio'
	export default{
		name: 'RepairmanProcess',
		mounted(){
			// console.log(this.process)
		},
		props: ['process'],
		components: {playAudio}
	}
</script>